<template>
    <div class="app" draggable="true" @dragstart="dragStart">
        <span>{{icon ? (icon == "empty" ? "" : icon ): "▪"}}</span> {{title_value}}
    </div>
</template>

<script>
    export default {
        name: "flod_title",
        props:{
            title_value: String,
            icon: String,
            group: String,
            group: String
        },
        methods:{

            dragStart(event) {
                // 设置拖动数据
                if(event === undefined) return
                event.dataTransfer.setData("text/plain", this.group);
            }
        }
    }
</script>

<style scoped lang="less">
    .app{
        /*color: ;*/
        user-select: none;
        width: 100%;
        padding: 4px 0px 4px 10px;
        cursor: pointer;
        text-align: left;
        border-radius: 20px;
        &:hover{
            background-color: #4D2A51;

        }
    }
</style>